<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache,must-revalidate">
	<meta http-equiv="Cache" content="no-cache">
	<title>HT-MALL</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="stylesheet" href="${request.contextPath}/plugins/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="${request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${request.contextPath}/app/css/AdminLTE.min.css">
	<link rel="stylesheet" href="${request.contextPath}/app/css/skins/all-skins.min.css">
	<link rel="stylesheet" href="${request.contextPath}/app/css/tab.css?v=1.0.1">
	<link rel="stylesheet" href="${request.contextPath}/common/css/system.css?v=1.0.0">
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	<link rel="shortcut icon" href="${request.contextPath}/images/favicon.ico" /> 
</head>
<body class="hold-transition skin-purple sidebar-mini fixed">
	<div class="wrapper">
		<header class="main-header">
			<a href="javascript:;" class="logo">
				<span class="logo-mini"><b>HT</b></span>
				<span class="logo-lg"><b>HT-MALL</b></span>
			</a>
			<nav class="navbar navbar-static-top" role="navigation">
				<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>
				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<li class="dropdown notifications-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<i class="fa fa-bell-o"></i>
								<span class="label label-warning">10</span>
							</a>
							<ul class="dropdown-menu">
								<li class="header">您有10条消息</li>
								<li>
									<ul class="menu">
										<li>
											<a href="#"><i class="fa fa-comment-o"></i>今天新增一个会员</a>
										</li>
									</ul>
								</li>
								<li class="footer"><a href="#"><i class="fa fa-angle-double-down"></i>查看全部</a></li>
							</ul>
						</li>
						<li class="dropdown user user-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<img src="${(user.userImg)!'/images/user-img.png'}" class="user-image" alt="User Image">
								<span>${(user.userName)!'游客'}</span>
							</a>
							<ul class="dropdown-menu" style="width:130px;">
								<li class="user-footer">
									<a class="btn btn-default btn-flat dialog" href="javascript:void(0);" data-title="个人中心" data-url="/system/me/info", data-width="600" data-height="400">个人信息</a>
								</li>
								<li class="user-footer">
									<a class="btn btn-default btn-flat dialog" href="javascript:void(0);" data-title="修改密码" data-url="/system/me/pwd", data-width="600" data-height="400">修改密码</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:;" onclick="logout()" class="dropdown-toggle" data-toggle="tooltip" title="退出">
								<i class="fa fa-sign-out"></i>
							</a>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		<aside class="main-sidebar">
			<section class="sidebar">
				<div class="user-panel">
					<div class="pull-left image">
						<img src="${(user.userImg)!}" class="img-circle">
					</div>
					<div class="pull-left info">
						<p>${(user.userName)!'游客'}</p>
						<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
					</div>
				</div>
				<ul class="sidebar-menu" data-widget="tree">
					<li class="treeview menu-open">
						<a class="J_menuItem noactive" href="${request.contextPath}/main">
							<i class="fa fa-home"></i> <span class="nav-label">首页</span>
						</a>
						<ul class="treeview-menu"></ul>
					</li>
					<#list memuList as menu>
					<li class="treeview">
						<a href="${request.contextPath}/${menu.url}">
							<i class="${(menu.icon??)?string('${menu.icon}','fa fa-circle-o')}"></i>
							<span>${menu.menuName}</span>
							<span class="pull-right-container">
								<i class="${(menu.url == '' || menu.url == '#')?string('fa fa-angle-left pull-right', '')}"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<#list menu.children as cmenu>
							<li>
								<#if cmenu.children?? && (cmenu.children?size > 0) >
									<a href="#">
										<i class="${(cmenu.icon??)?string('${cmenu.icon}','fa fa-circle-o')}"></i> ${cmenu.menuName}
										<span class="pull-right-container">
											<i class="${(cmenu.url == '' || cmenu.url == '#')?string('fa fa-angle-left pull-right', '')}"></i>
										</span>
									</a>
								<#else>
									<a class="J_menuItem" href="${request.contextPath}/${cmenu.url}">
										<i class="${(cmenu.icon??)?string('${cmenu.icon}','fa fa-circle-o')}"></i>
										<span>${cmenu.menuName}</span>
									</a>
								</#if>
								<#if cmenu.children?? && (cmenu.children?size > 0) >
									<ul class="nav nav-third-level">
										<#list cmenu.children as emenu>
										<li>
											<#if emenu.children?? && (emenu.children?size > 0) >
												<a href="#">
													<i class="${(emenu.icon??)?string('${emenu.icon}','fa fa-circle-o')}"></i> ${emenu.menuName}
													<span class="pull-right-container">
														<i class="fa fa-angle-left pull-right"></i>
													</span>
												</a>
											<#else>
												<a class="J_menuItem" href="${request.contextPath}/${emenu.url}">
													<i class="${(emenu.icon??)?string('${emenu.icon}','fa fa-circle-o')}"></i>
													<span>${emenu.menuName}</span>
												</a>
											</#if>
											<#if emenu.children?? && (emenu.children?size > 0) >
											    <ul class="treeview-menu">
											    	<#list emenu.children as fmenu>
												      	<li>
												      		<#if fmenu.children?? && (fmenu.children?size > 0) >
												      			<a class="J_menuItem" href="${request.contextPath}/${fmenu.url}">${fmenu.menuName}</a>
												      		</#if>
											      		</li>
										      		</#list>
											    </ul>
										    </#if>
										</li>
										</#list>
									</ul>
								</#if>
							</li>
							</#list>
						</ul>
					</li>
					</#list>
				</ul>
			</section>
		</aside>
		<div class="content-wrapper">
			<div class="content-tabs">
				<button class="roll-nav roll-left J_tabLeft">
					<i class="fa fa-backward"></i>
				</button>
				<nav class="page-tabs J_menuTabs">
					<div class="page-tabs-content">
						<a href="javascript:;" class="active J_menuTab" data-id="/main">首页</a>
					</div>
				</nav>
				<button class="roll-nav roll-right J_tabRight">
					<i class="fa fa-forward"></i>
				</button>
				<div class="btn-group roll-nav roll-right">
					<button class="dropdown" data-toggle="dropdown">
						页签操作<span class="caret"></span>
					</button>
					<ul role="menu" class="dropdown-menu dropdown-menu-right">
						<li class="tabCloseCurrent"><a>关闭当前</a></li>
						<li class="J_tabCloseOther"><a>关闭其他</a></li>
						<li class="J_tabCloseAll"><a>全部关闭</a></li>
					</ul>
				</div>
				<a href="#" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
				<a href="#" class="roll-nav roll-right fullscreen" id="fullScreen"><i class="fa fa-arrows-alt"></i></a>
			</div>
			<div class="J_mainContent" id="content-main">
				<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${request.contextPath}/main" frameborder="0" data-id="/main" seamless></iframe>
			</div>
		</div>
		<footer class="main-footer">
			<div class="pull-right hidden-xs">
				<b>Version</b> 2.4.18
			</div>
			<strong>Copyright &copy; 2017-2020 <a href="#">Hong Tech</a>.</strong> All rights
			reserved.
		</footer>
		<div class="control-sidebar-bg"></div>
	</div>
	
	<script src="${request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script src="${request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script src="${request.contextPath}/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
	<script src="${request.contextPath}/app/js/adminlte.min.js"></script>
	<script src="${request.contextPath}/plugins/blockUI/jquery.blockUI.js"></script>
	<script src="${request.contextPath}/plugins/fullscreen/jquery.fullscreen.js"></script>
	<script src="${request.contextPath}/plugins/layer/layer.js"></script>
	<script src="${request.contextPath}/app/js/contabs.js?v=1.0.0"></script>
	<script src="${request.contextPath}/common/js/system.js?v=1.0.0"></script>
	<script type="text/javascript">
		layer.config({
			extend: 'moon/style.css',
			skin: 'layer-ext-moon'
		});
		// 带有保存取消按钮
		$("body").delegate(".dialog", "click", function() {
			var me = this;
			var url = $(this).attr('data-url');
			var width = $(me).attr('data-width');
			var height = $(me).attr('data-height');
			var title = $(me).attr('data-title');
			$.modal.dialog_open(title, url, width, height);
		});

		// 退出登录
		function logout() {
			window.location.href = "/logout?r=" + new Date().getTime();
		}
	</script>
</body>
</html>